<div class="container-fluid" style="margin-top: 60px;">
    <div class="row" style="margin-top: 10px;">
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    更新信息
                </div>
                <div class="panel-body">
                    <div>
                        <a id="btnStartOrStop" class="btn btn-primary" href="#">开始更新</a>
                    </div>
                    <p id="total">准备就绪</p>
                    <div id="records" style="height: 400px;overflow:auto; border:1px solid #000000;">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    var isStart = 0;

    $(function(){
        $('#btnStartOrStop').click(function(){
            isStart = isStart == 0 ? 1 : 0;
            if(isStart == 1){
                $(this).removeClass('btn-primary');
                $(this).addClass('btn-danger');
                $(this).text('停止更新');
                update();
            }else{
                $(this).addClass('btn-primary');
                $(this).removeClass('btn-danger');
                $(this).text('开始更新');
            }
        });
    });

    function update(){
        $.get('/home/list',
            function(data, status){
                if(data.status == 'err'){
                    $('#records').prepend("<p>本次更新失败。失败原因：" + data.msg + "</p>");
                    $('#records').prepend("<p>5秒钟后重新开始更新...</p>");
                    setTimeout(update(), 5 * 1000);
                    return;
                }
                if(data.status == 'succ'){
                    var txt = "游戏总数：" + data.data.total;
                    txt += "          ";
                    txt += "已更新游戏：" + data.data.update;
                    txt += "          ";
                    txt += "当前状态：" + (isStart ? '更新中...' : '暂停更新');
                    $('#total').text(txt);
                    $('#records').prepend("<p>第" + data.data.page + "次，更新" + data.record.num + "款游戏，用时" + data.record.second + "秒</p>");
                }
                
                if(isStart == 1){
                    setTimeout(update(), 1 * 1000);
                }
            }, 'json');
    }

    function init(){
        
    }
</script>